<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
<style>
html,
    body {
        height: 100%;
        /*position: relative;*/
    }
    #header{
        text-align: center;
        background-color: #5571be;
        color: #fff;
        width: 100%;
        /*height: 48px;*/
        position: relative;
        /*border-bottom: 1px solid #ccc;*/
    }
    .title {
                  height: 40px;
                  line-height: 40px;
                  width: 100%;
                  /*text-align: center;*/
                  font-size: 16px;
                  /*color: #fff;*/
                  /*background-color: #5571be;*/
                  /*border-bottom: 1px solid #d8d8d8;*/
                  box-sizing: border-box;
                  /*position: relative;*/
              }


               .title .arrow{
                   width: 40px;
                   height: 40px;
                   position: absolute;
                   left: 0;
                   bottom: 0;
                   background-image: url(../image/arrow.png);
                   background-repeat: no-repeat;
                   background-size: 20px 20px;
                   background-position: center center;
               }
               /*.foot {
                 position: relative;
                 z-index: 999;
                 bottom: 0;
                 box-sizing: border-box;
                 height: 100px;
                 bottom: 0px;
               }*/
               #main{
                   -webkit-box-flex: 1;
                   -webkit-flex: 1;
                   flex: 1;
                   padding: 1em;
               }
     </style>
</head>
<body>
	<div  id="wrap">
    <div id="header">
      <div class="title">
          <div class="arrow event-back" onclick="api.closeWin();"></div>
          Violation Statistics
      </div>
    </div>
    <div id="main">

        </div>
  </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script>
  apiready = function() {
              fnOpenFrame();
          };
          var headHeight;
          // var footHeight;

          function fnOpenFrame() {
              headHeight = getHeaderHeight();
              // footHeight = getFooterHeight();

              api.openFrame({
                  name: 'ViolationList.html',
                  url: './ViolationList.html',
                  bounces: false,
                  rect: {
                      x: 0,
                      y: headHeight,
                      w: 'auto',
                      h: api.winHeight - headHeight
                  },
                  vScrollBarEnabled:false
              });
          }

// };
    </script>
</html>
